* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: none;
}
li {
  list-style: none;
}
img {
  vertical-align: top;
}

html {
  /*  */
  font-size: -webkit-calc(100vw / 19.15);
}

body {
  font-size: 0.2rem;
}

::-webkit-scrollbar {
  display: none;
}

html,
body {
  width: 100%;
  height: 100%;
}

#page {
  width: 100%;
  /* height: 100%; */
  display: flex;
  justify-content: space-between;
  background: url(../images/index_bg.png) no-repeat center center / 100% 100%;

  /* 公共标题 */
  .title-bar {
    height: 0.42rem;
    line-height: 0.42rem;
    color: #fff;
    background: url(../images/box_title.png) no-repeat center center / 100% 100%;
    display: flex;
    justify-content: space-between;
    .title-main {
      margin-left: 0.4rem;
    }
    .title-sub {
      margin-right: 0.6rem;
      padding-left: 0.2rem;
      background: url(../images/line-blue.png) no-repeat left center / 0.01rem
        0.2rem;

      & img {
        width: 0.2rem;
        vertical-align: middle;
        margin-right: 0.05rem;
      }
    }
  }

  .page-left {
    width: 5.29rem;
    padding-left: 0.2rem;
    padding-right: 0.22rem;
    .receive {
      height: 1.75rem;
      margin-top: 0.13rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background: url(../images/border_bg01.png) no-repeat center center / 100%
        100%;

      .receive-title {
        color: #0e94ea;
      }
      .receive-count {
        color: #fff;
        font-size: 0.45rem;
        margin-top: 0.3rem;
      }
    }
    .put-in {
      margin-top: 0.1rem;

      .put-in-content {
        height: 3rem;
      }
    }
    .post-out {
      margin-top: 0.1rem;
      .post-out-content {
        height: h3.55rem;
      }
    }
  }
  .page-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    .home-title {
      text-align: center;
      line-height: 0.83rem;
      height: 0.83rem;
      color: #fff;
      font-size: 0.45rem;
      font-weight: bold;
      background: url(../images/title_border.png) no-repeat center bottom /
        8.1rem auto;
    }
    .home-china {
      height: 6.65rem;
    }
  }
  .page-right {
    width: 5.33rem;
    padding-left: 0.2rem;
    padding-right: 0.22rem;

    .dispatch {
      margin-top: 0.2rem;

      .dispatch-content {
        height: 3.25rem;
      }
    }

    .pay {
      /* margin-top: 0.2rem; */

      .pay-content {
        height: 2.3rem;
      }
    }

    .duty {
      /* margin-top: 0.2rem; */

      .duty-content {
        margin-top: 0.02rem;
        height: 2.34rem;
        border: 1px solid #0e94ea;
      }
    }
  }
}
